<script setup lang="ts">
    // ts 是js的超级  支持es6 的所有新语法
    // ts 有强大的类型检测系统  可以在编译阶段提示错误
    // 辅助开发，更加严谨
    // ts 需要编译为js 最终运行 



</script>

<template>
    <div>
      <router-link to="/home">
            ts基础类型
      </router-link> |
        <router-link to="/about">
            ts函数和接口
      </router-link> |
      <router-link to="/cart">
            ts的类   
      </router-link>  |
       <router-link to="/mine">
            vue3中的ts   
      </router-link> |
      <router-link to="/ticket">
            车票购买   
      </router-link>  
    </div>
      <router-view></router-view>
</template>
<script lang="ts">

</script>

<style scoped>
.router-link-exact-active{
  color:red;
  font-size: 20px;
}
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
